<template>
	<splitpanes class="default-theme dome" style="height: 100%">
		<pane size="30" min-size="20" max-size="50">1</pane>
		<pane>
			<splitpanes horizontal>
				<pane>2</pane>
				<pane>3</pane>
				<pane>4</pane>
			</splitpanes>
		</pane>
		<pane>5</pane>
	</splitpanes>
</template>

<script setup lang="ts" name="splitpane">
import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'
</script>
<style>
.dome .splitpanes__pane {
	background-color: pink !important;
}
</style>
